html,
body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
    filter: contrast(120%);
    background-color: blue;
}
/* .container {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(1600px at 70% 120%, #212750 10%, #020409 100%);
} */
.content {
    width: inherit;
    height: inherit;
}
#universe {
    width: 100%;
    height: 100%;
}
#footerContent {
    font-family: sans-serif;
    font-size: 110%;
    color: rgba(200, 220, 255, .3);
    width: 100%;
    position: fixed;
    bottom: 0px;
    padding: 20px;
    text-align: center;
    z-index: 20;
}
#footer {
    position: absolute;
    bottom: 0px;
    height: 300px;
    width: 100%;
}
#scene {
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -800px;
}
a {
    text-decoration: none;
    color: #c8dcff;
    opacity: 0.4;
    transition: opacity 0.4s ease;
}
a:hover {
    opacity: 1;
}